<template>
	<view class="content" @click="getClick">
		<view class="my2-text">
			<!--
			    author: 李文昊
			    description: 图标描述
			-->
			<text>{{dataList.title}}</text>
		</view>
		<view class="my2-text-right">
			<!--
			    author: 李文昊
			    description: 图标描述
			-->
			<text>{{dataList.value}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			dataList: Object
		},
		name:"normal-personal-item",
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.content {
	width: 100%;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 1);
}

/* 图标容器 */
.my2-image1 {
	float: left;
	width: 15%;
	position: relative;
	height: 100rpx;
}

/* 图标 */
.my2-image1 image {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 40rpx;
	height: 40rpx;
}

/* 图标描述容器 */
.my2-text {
	padding-left: 5%;
	float: left;
	height: 100rpx;
	line-height: 100rpx;
	width: 30%;
}

/* 图标描述 */
.my2-text text {
	font-family: '微软雅黑';
	font-weight: 400;
	font-size: 28rpx;
}

/* 图标描述容器 */
.my2-text-right {
	padding-right: 5%;
	position: relative;
	float: right;
	height: 100rpx;
	line-height: 100rpx;
	width: 65%;
}

/* 图标描述 */
.my2-text-right text {
	font-family: '微软雅黑';
	color: #808080;
	font-weight: 400;
	font-size: 28rpx;
}

/* 右箭头容器 */
.my2-image2 {
	position: relative;
	float: left;
	width: 10%;
	height: 100rpx;
}

/* 右箭头 */
.my2-image2 image {
	width: 18rpx;
	height: 25rpx;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
</style>
